<%--
  Created by IntelliJ IDEA.
  User: 张洪瑞
  Date: 2021-6-14  0014
  Time: 下午 22:27:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>欢迎</title>
    <!--pageContext.request.contextPath:获取项目的路径 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <style>
        .button_style{
            width: 96px;
            height: 70px;
            font-size: 16px;
        }
        h2{
            margin-left: 30px;
            margin-top: 20px;
        }
        .p1{
            line-height: 35px;
            text-indent: 2em;
        }
    </style>
</head>
<body>
<div class="layui-bg-gray" style="padding: 30px;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8" style="height: 500px;">
            <div class="layui-card">
                <div class="layui-card-header">学校简介</div>
                <div class="layui-card-body">
                    <div class="layui-carousel" id="test1" lay-filter="test1">
                        <div carousel-item="">
                            <div><img src="imgs/hy1.jpg" alt="" style="width: 680px;height: 300px;"></div>
                            <div><img src="imgs/hy2.jpg" alt="" style="width: 680px;height: 300px;"></div>
                            <div><img src="imgs/hy3.png" alt="" style="width: 680px;height: 300px;"></div>
                            <div><img src="imgs/hy4.jpg" alt="" style="width: 680px;height: 300px;"></div>
                            <div><img src="imgs/hy5.png" alt="" style="width: 680px;height: 300px;"></div>
                        </div>
                    </div>
                </div>
                <div style="padding: 20px;">
                    <h1>学校简介</h1><hr>
                    <p class="p1">
                    广州城市理工学院(原华南理工大学广州学院)是经教育部批准设立的一所以工科为主，经济、管理、文学、理学、艺术协调发展的多科性应用型大学。2006年由广州云峰企业、华南理工大学合作创办，2021年经教育部审批同意学校转设为广州城市理工学院，系独立设置的本科层次民办普通高等学校。学校是广东省大学生创新创业教育示范学校、广州市知识产权试点学校、中国第一所IACBE国际商科认证大学。
                    </p>
                    <h2>办学条件</h2>
                    <p class="p1">
                    学校位于粤港澳大湾区的广州市花都区，交通便利，地理位置优越。校园依山傍水，绿树成荫，百花争艳，是读书治学的清雅之地。学校占地面积1753亩，建有14个实验中心，包括5个基础实验中心和9个专业实验中心，268个实验室，543个就业与实习基地。国家级大学生校外实践基地1个，国家级众创空间2个，省级实验教学示范中心7个，省级学生校外实践基地7个，省级协同育人平台1个，省级一流专业2个，省级质量工程特色专业11个，省级质量工程应用型人才培养示范专业3个，省级质量工程专业综合改革试点项目3个。
                    </p>
                    <h2>师资队伍</h2>
                    <p class="p1">
                    学校坚持“人才强校”战略，通过“以老带新”、“双百工程”、组建学科团队等措施，提升师资队伍水平，现已形成了一支以学校自有教师和华工选派教师为主、以兼职教师为辅的高素质教师队伍。
                    其中，全国优秀教师1人、全国优秀教育工作者1人、享受国务院特殊津贴3人、广东省教学名师3人、广东省师德先进个人1人、广东省民办高校优秀教师4人、南粤优秀教师3人。2018年，赵红红教授获得我国建筑教育工作者最高荣誉奖——中国建筑设计奖•建筑教育奖。
                    我校教师主持的《基于科技竞赛的应用型创新人才培养模式——独立学院人才培养的探索与实践》和《重特色、强实践、突技能的电力行业应用型人才培养的研究和实践》项目先后获得省级教学成果二等奖。2020年，我校曾志新教授主持的《以专业认证理念为引领的民办高校专业内涵建设模式的探索与实践》获得省级教学成果奖一等奖。
                    </p>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">综合统计</div>
                <div class="layui-card-body">
                    <button class="layui-btn layui-btn-danger button_style">用户数量<p style="font-size: 20px;">${counts.userCount}</p></button>
                    <button class="layui-btn layui-btn-normal button_style">部门数量<p style="font-size: 20px;">${counts.deptCount}</p></button>
                    <button class="layui-btn layui-btn-warm button_style">员工数量<p style="font-size: 20px;">${counts.employeeCount}</p></button>
                </div>
                <div class="layui-card-body">
                    <button class="layui-btn layui-btn- button_style">职位数量<p style="font-size: 20px;">${counts.jobCount}</p></button>
                    <button class="layui-btn layui-btn-danger button_style">公告数量<p style="font-size: 20px;">${counts.noticeCount}</p></button>
                    <button class="layui-btn layui-btn-warm button_style">文件数量<p style="font-size: 20px;">${counts.uploadfileCount}</p></button>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">快速入口</div>
                <div class="layui-card-body">
                    <a href="https://www.layui.com/doc/element/icon.html" class="layui-btn layui-btn-normal button_style" target="_blank"><i class="layui-icon layui-icon-face-smile" style="font-size: 30px;font-weight: bold; color: #FFFFFF;"></i><p>常用图标</p></a>
                    <a href="https://www.layui.com/doc/" class="layui-btn layui-btn-warm button_style" target="_blank"><i class="layui-icon layui-icon-face-smile" style="font-size: 30px;font-weight: bold; color: #FFFFFF;"></i><p>官方文档</p></a>
                    <a href="https://www.layui.com/demo/" class="layui-btn layui-btn-danger button_style" target="_blank"><i class="layui-icon layui-icon-face-smile" style="font-size: 30px;font-weight: bold; color: #FFFFFF;"></i><p>官方示例</p></a>
                </div>
                <div class="layui-card-body">
                    <div><a href="https://www.layui.com/">LayUI 官网入口</a></div>
                    <div><a href="https://v3.bootcss.com/">Bootstrap 中文官网入口</a></div>
                    <div><a href="https://element.eleme.cn/">Element UI 中文官网入口</a></div>
                    <div><a href="https://www.jeasyui.net/">Easy UI 中文官网入口</a></div>
                    <div><a href="https://ant.design/index-cn">Ant Design 中文官网入口</a></div>
                </div>
                <div class="layui-card-body">
                    <div>
                        <p>欢迎投件：<i class="layui-icon layui-icon-email" style="font-size: 28px; color: #009688;font-weight: bold;"></i></p>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">最新公告</div>
                <div class="layui-card-body">
                    <table class="layui-hide" id="test" lay-filter="test"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    layui.use(['carousel', 'form','table'], function(){
        var carousel = layui.carousel
            ,form = layui.form
            ,table = layui.table;

        table.render({
            elem: '#test'
            ,url:'selectByTop5Notice.do'
            ,cols: [[
                {field:'title', title:'标题', width:"40%"}
                ,{field:'content', title:'内容', width:"60%"}
            ]]
            ,page: true
        });

        //监听行单击事件（双击事件为：rowDouble）
        table.on('row(test)', function(obj){
            var data = obj.data;
            layer.alert("ID："+data.id+"<br>"+"名称："+data.name+"<br>"+"内容："+data.content+"<br>"+"发布者："+data.userid, {
                title: '当前行数据：'
            });

            //标注选中样式
            obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
        });

        //常规轮播
        carousel.render({
            elem: '#test1'
            ,arrow: 'always'
            ,width: '680px'
            ,height: '300px'
            ,interval: 1000
            ,anim:'fade'
        });
        //事件
        carousel.on('change(test4)', function(res){
            console.log(res)
        });

        var $ = layui.$, active = {
            set: function(othis){
                var THIS = 'layui-bg-normal'
                    ,key = othis.data('key')
                    ,options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
            }
        };

        $('.demoSet').on('keyup', function(){
            var value = this.value
                ,options = {};
            if(!/^\d+$/.test(value)) return;

            options[this.name] = value;
            ins3.reload(options);
        });

        //其它示例
        $('.demoTest .layui-btn').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });
</script>
</html>
